<html>
    <head>
        <title>icon</title>
    </head>
    <body>
        <script>
            // icon

                    /*
                        一、概述

                                    图标

                        二、平台兼容性

                                App	H5	        微信小程序	支付宝小程序	百度小程序	抖音小程序、飞书小程序	QQ小程序	快应用	360小程序	快手小程序	京东小程序	元服务	小红书小程序
                                √	√(2.2.3+)	√	        √	            √	        √	                    √	    √	    √	        √	        √	    √	    √


                        三、注意：

                                由于 icon 组件各端表现存在差异，可以通过使用 字体图标 的方式来弥补各端差异。

                        四、属性说明

                                    属性名	    类型	默认值	    说明

                                 1、type	  String		    icon的类型

                                 2、size	  Number	23	    icon的大小，单位px

                                 3、color	  Color		        icon的颜色，同css的color


                         五、各平台 type有效值说明

                                    平台	                                            type 有效值

                             1、App、H5、微信小程序、QQ小程序	                     success, success_no_circle, info, warn, waiting, cancel, download, search, clear

                             2、支付宝小程序	                                    info, warn, waiting, cancel, download, search, clear, success, success_no_circle,loading

                             3、百度小程序	                                        success, info, warn, waiting, success_no_circle, clear, search, personal, setting, top, close, cancel, download, checkboxSelected, radioSelected, radioUnselect
                    */


                    /*
                         六、示例

                                <view class="item" v-for="(value,index) in iconType" :key="index">
                                    <icon :type="value" size="26"/>
                                    <text>{{value}}</text>
                                </view>

                                export default {
                                    data() {
                                        return {
                                            iconType: ['success']
                                        }
                                    },
                                    onLoad() {
                                        // #ifdef APP-PLUS|| MP-WEIXIN
                                        this.iconType = ['success', 'success_no_circle', 'info', 'warn', 'waiting', 'cancel', 'download', 'search','clear']
                                        // #endif
                                        // #ifdef MP-ALIPAY
                                        this.iconType = ['info', 'warn', 'waiting', 'cancel', 'download', 'search', 'clear', 'success', 'success_no_circle', 'loading']
                                        // #endif
                                        // #ifdef MP-BAIDU
                                        this.iconType = ['success', 'info', 'warn', 'waiting', 'success_no_circle', 'clear', 'search', 'personal', 'setting', 'top', 'close', 'cancel', 'download', 'checkboxSelected', 'radioSelected', 'radioUnselect']
                                        // #endif
                                    }
                                }
                    */
        </script>
    </body>
</html>